<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div class="main">
        <div class="mine-wrapper">
            <div class="mine-info-wrapper">
                <img class="img-circle img-circle-64" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165639428&di=b1f1c4b260f965c459e9935fe31023c8&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87291.gif">
                <div class="min-nick-name">天蓬杂货铺</div>
            </div>
        </div>
        <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd">
                <div class="eshop-header-wrapper">
                    我的幻灯图片
                </div>
            </div>
            <div class="weui-panel__bd">
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165639428&di=b1f1c4b260f965c459e9935fe31023c8&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87291.gif">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">天蓬杂货铺</h4>
                        <p class="weui-media-box__desc">提供各种相关自己喜欢的数据信息，千万别错过哦！！</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165734781&di=b9462b08864b292120c07d28d7bc2221&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87325.gif">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">云鹤先生</h4>
                        <p class="weui-media-box__desc">一个受够了自己所谓旅行家的讨论 准备自己玩，自由定制庄家</p>
                    </div>
                </a>
            </div>
            <div class="weui-panel__ft">
                <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
                    <div class="weui-cell__bd">点我添加滚动广告图片</div>
                    <span class="weui-cell__ft"></span>
                </a>
            </div>
        </div>
        <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd">
                <div class="eshop-header-wrapper">
                    我的商品
                </div>
            </div>
            <div class="weui-panel__bd">
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165639428&di=b1f1c4b260f965c459e9935fe31023c8&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87291.gif">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">天蓬杂货铺</h4>
                        <p class="weui-media-box__desc">提供各种相关自己喜欢的数据信息，千万别错过哦！！</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165734781&di=b9462b08864b292120c07d28d7bc2221&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87325.gif">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">云鹤先生</h4>
                        <p class="weui-media-box__desc">一个受够了自己所谓旅行家的讨论 准备自己玩，自由定制庄家</p>
                    </div>
                </a>
            </div>
            <div class="weui-panel__ft">
                <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
                    <div class="weui-cell__bd">点我添加商品</div>
                    <span class="weui-cell__ft"></span>
                </a>
            </div>
        </div>
    </div>
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
<script>
    $(".swiper-container").swiper()
</script>
</body>
</html>